/*@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {*/

    /*html,body {*/

        /*font-size:33.75px;*/

    /*}*/

/*}*/



@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {

    html,body {

        font-size:25px;

    }

}

@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {

    html,body {

        font-size:22.5px;

    }

}

@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {

    html,body {

        font-size:20px;

    }

}

@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {

    html,body {

        font-size:18.75px;

    }

}

@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {

    html,body {

        font-size:16.875px;

    }

}

@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {

    html,body {

        font-size:15px;

    }

}

@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {

    html,body {

        font-size:12.9375px;

    }

}

@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {

    html,body {

        font-size:12.5px;

    }

}

@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {

    html,body {

        font-size:11.71875px;

    }

}

@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {

    html,body {

        font-size:11.25px;

    }

}

@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {

    html,body {

        font-size:10px;

    }

}

@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {

    html, body {

        font-size: 7.5px;

    }

}





@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {

    #twos{

        display: block;

        justify-content: space-between;

        max-width: 1140px;

        margin: 0 auto 20px;

        text-align: center;

    }

    .content a {

        display: inline-block;

        width: 14rem;

        text-align: left;

    }

    .content a .img {

        position: relative;

        width: 100%;

        height: 196px;

        overflow: hidden;

    }

    .content a .img .up {

        display: none;

        justify-content: center;

        align-items: center;

        position: absolute;

        top: 0;

        right: 0;

        background: rgba(38,79,191,0.5);

        width: 100%;

        height: 100%;

        font-size: 18px;

        color: #fff;

    }

    .content a h4 {

        font-size: 18px;

        line-height: 20px;

        color: #2e2f33;

        margin: 20px auto;

        width:11rem;

        overflow: hidden;

        text-overflow:ellipsis;

        white-space: nowrap;

    }

    .content a p {

        font-size: 14px;

        line-height: 22px;

        color: #797b80;

        margin: 0;

    }

}